@charset "UTF-8";
/*
图片遮罩效果代码CSS
*/
.mask-case {
	width: 1260px;
	/*transform: translate(-50%, -50%);*/
	margin:0px auto;
	overflow:hidden;
	height:auto;
}
.mask-case ul {width: 1260px;}
.mask-case>ul li {margin-right: 10px; margin-left:10px; margin-bottom:10px; width:400px; height:400px; float:left; list-style:none;}
.mask-case .grid-content {position: relative;overflow: hidden;}
.mask-case .grid-content>img {width: 400px;height: 400px;background: #ccc;}
.mask-case .grid-content .grid-shade {
	position: absolute;
	top: 0;
	width: 400px;
	height: 400px;
	/*background: rgba(255, 180, 0, 0.7);*/   /*图片上方黄色遮罩层颜色*/
	color: #5E5E5E;
	font-size: 20px;
	display: none;
}
.mask-case .grid-content .grid-shade .grid-center {
	position: relative; 
	height:400px; 
	border:1px solid #F00;
	}
.mask-case .grid-content .grid-shade .grid-enter a {
	display:block;
	position: absolute; 
	color: #004894;
	text-decoration:none;
	width:400px;
	height:400px;
	z-index:20;
	}
.mask-case .grid-content .grid-shade .grid-enter a:hover {
	display:block;
	position: absolute; 
	color: #004894;
	text-decoration:none;
	width:400px;
	height:400px;
	z-index:20;
	background:#e68d1a;
	opacity:.8;
	}
.mask-case .grid-content .grid-shade .grid-enter .grid-jieshao {
	position: relative; 
	top: 40%;
	}
/*.mask-case .grid-content .grid-shade .grid-enter { position:absolute; left:50%; top:50%;_margin-left:-200px; _margin-top:-200px; transform: translate(-50%, -50%);}
.mask-case .grid-content .grid-shade .grid-enter a {
color: #004894;
text-decoration:none;
display:block;
width:400px;
height:400px;
position:relative;

}
.mask-case .grid-content .grid-shade .grid-enter .grid-jieshao {
	text-align:center;
	width:400px;
	margin:auto 0px;
	
	
	bottom:0px;
	vertical-align:middle;      
	display: table-cell;
	height:400px;
	overflow:hidden;
	}*/
.mask-case .grid-content .grid-shade .grid-enter .grid-jieshao h3 {
	width:200px;
	text-align:center;
	height:45px;
	border-bottom:1px solid #004792;
	margin:0px auto;
	}
.mask-case .grid-content .grid-shade .grid-enter .grid-jieshao p{
	text-align:center;
	font-size:17px; line-height:35px;
	}
.mask-case .grid-content .grid-shade .grid-enter>img {width: 28px;vertical-align: top;margin-top: 10px;}